.tpf-mf-layout {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;

  $lr-width: 360px;

  &--left {
    width: 255px;
    height: 100%;
    overflow-y: scroll;
  }

  &--center {
    height: 100%;
    flex-grow: 1;
    overflow-y: scroll;
  }

  &--right {
    width: $lr-width;
    height: 100%;
    overflow-y: scroll;
  }

  & ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  & ::-webkit-scrollbar-track {
    background: transparent;
  }
  & ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(144,147,153,.3);
    transition: background-color .3s;
  }
  & ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(144,147,153, .5);
  }
}